<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
	<head>
		<title>Divs with random position, size and color</title>
	</head>
	<body style="background-color: black;">
		<div id="randomDiv1">Div 1</div>
		<div id="randomDiv2">Div 2</div>
		<div id="randomDiv3">Div 3</div>
		<div id="randomDiv4">Div 4</div>
		<div id="randomDiv5">Div 5</div>
		<div id="randomDiv6">Div 6</div>
		<div id="randomDiv7">Div 7</div>
		<div id="randomDiv8">Div 8</div>
		<div id="randomDiv9">Div 9</div>
		<div id="randomDiv10">Div 10</div>
		<div id="randomDiv11">Div 11</div>
		<div id="randomDiv12">Div 12</div>
		<div id="randomDiv13">Div 13</div>
		<div id="randomDiv14">Div 14</div>
		<div id="randomDiv15">Div 15</div>
		<div id="randomDiv16">Div 16</div>
		<div id="randomDiv17">Div 17</div>
		<div id="randomDiv18">Div 18</div>
		<div id="randomDiv19">Div 19</div>
		<div id="randomDiv20">Div 20</div>
		<script type="text/javascript">
		
			for(i = 1; i <= 20; i++) {
				var randomWidth = Math.floor(Math.random() * 400);
				var randomHeight = Math.floor(Math.random() * 400);
				
				var randomPositionX = Math.floor(Math.random() * window.innerWidth, window.innerHeight);
				var randomPositionY = Math.floor(Math.random() * window.outerWidth, window.outerHeight);
				
				var rgbColor = 'RGB(' + Math.floor(Math.random() * 255) + ',' + 
					Math.floor(Math.random() * 255) + ',' + Math.floor(Math.random() * 255) + ')';
				
				var divElement = document.getElementById("randomDiv" + i);		
				divElement.style.width = randomWidth + 'px';
				divElement.style.height = randomHeight + 'px';
				divElement.style.backgroundColor = rgbColor;
				divElement.style.position = 'absolute';
				divElement.style.top = randomPositionX + 'px';
				divElement.style.left = randomPositionY + 'px';
			}
			
			
		</script>
	</body>
</html>